<template>
	<el-table :data="productList" v-model="productList" border style="width: 100%;">
        <el-table-column
              type="index"
              width="50">
            </el-table-column>
        <el-table-column prop="name"  label="优惠券名称" align='center' width="300">
        </el-table-column>
        <el-table-column prop="couponMoney"  label="价值" align='center'>
            <template scope="scope">
                <span>${{scope.row.couponMoney}}</span>
            </template>
        </el-table-column>
        <el-table-column prop="conditionMoney"  label="使用条件" align='center'>
            <template scope="scope">
                <span>满 ${{scope.row.conditionMoney}}</span>
            </template>
        </el-table-column>
        <el-table-column prop="lastCount"  label="库存" align='center'></el-table-column>
    </el-table>
</template>
<script>
	import Vue from 'vue'
	import {Table,TableColumn} from 'element-ui'
	Vue.use(Table);
	Vue.use(TableColumn);

	export default {
		data () {
            return {}
        },
        props: {
        	'productList':{
                default: []
            }
        }
	}
</script>
<style scoped lang="scss">
  .pro-img{
        width: 40px;
        vertical-align: middle;
    }
    .pro-name{
        padding-left: 5px;
        display: inline-block;
        width: 220px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .left-pro{
        text-align: left;
    }
</style>